<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电影</title>
</head>

<style>
    /* 设置两侧留白 */
    div {
        width: 700px;
        margin: 0 auto;
    }

    li:first-child {
        color: coral
    }

    li:last-child {
        border-bottom: none;
    }

    dt {
        color: coral
    }
</style>

<body>

    <div>
        <h2>我喜欢的电影</h2>

        <ol>
            <li>我和我的祖国</li>
            <li>战狼</li>
            <li>囧妈</li>
            <li>西虹市首富</li>
        </ol>

        <hr>
        <h2>我和我的祖国</h2>
        <dl>
            <dt>导演：</dt>
            <dd>徐峥</dd>
            <dt>主演：</dt>
            <dd>黄渤</dd>
            <dd>张译</dd>
            <dd>吴京</dd>
            <dt>上映日期：</dt>
            <dd>2019年9月30日</dd>
            <hr>

            <h2>战狼</h2>
            <dl>
                <dt>导演：</dt>
                <dd>吴京</dd>
                <dt>主演：</dt>
                <dd>吴京</dd>
                <dd>余男</dd>
                <dd>倪大红</dd>
                <dt>上映日期：</dt>
                <dd>2015年4月2日</dd>
                <hr>
                <h2>囧妈</h2>
                <dl>
                    <dt>导演：</dt>
                    <dd>徐峥</dd>
                    <dt>主演：</dt>
                    <dd>黄梅莹</dd>
                    <dd>袁泉</dd>
                    <dd>贾冰</dd>
                    <dd>郭京飞</dd>
                    <dd>欧丽娅</dd>
                    <dt>上映日期：</dt>
                    <dd>2020年1月25日</dd>

                    <hr>
                    <h2>西虹市首富</h2>
                    <dl>
                        <dt>导演：</dt>
                        <dd>沈腾</dd>
                        <dt>主演：</dt>
                        <dd>沈腾</dd>
                        <dd>宋芸烨</dd>
                        <dd>张一鸣</dd>
                        <dd>常远</dd>
                        <dd>张晨光</dd>
                        <dd>魏翔</dd>
                        <dt>上映日期：</dt>
                        <dd>2018年7月27日</dd>
                    </dl>

                    <h3><a href="../QiWebVideo/qiRecord&Play.html">录制及播放视频</a></h3>
                    <h3><a href="../QiWebVideo/qiPlayLocalFile.html">播放本地视频</a></h3>
                    <h3><a href="../QiWebVideo/qiPlayRemoteVideo.html">播放远端视频</a></h3>
    </div>

</body>

</html>